<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>ProjGroup07: Logistic System</title>
	<meta name="robots" content="index, follow" />
	<meta name="author" content="ProjGroup07" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
	<script type="text/javascript" src="js/jquery.sooperfish.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$('ul.sf-menu').sooperfish();
	});
	</script>
</head>

<body>
	<div id="main">
		<!--HEADER START-->
		<div id="header">
			<!--BANNER START-->
			<div id="banner">
				<div id="banner_content"></div>
			</div>
			<!--BANNER END-->

			<!--MENUBAR START-->
			<div id="menubar">
				<ul class="sf-menu" id="nav">
					<li class="selected"><a href="">TRANG CHỦ</a></li>
					<li><a href="#">GIỚI THIỆU</a></li>
					<li><a href="#">LOẠI HÌNH VẬN CHUYỂN</a>
						<ul>
							<li><a href="#">Xe tải 5 tấn</a></li>
						</ul>
					</li>
					<li><a href="#">DANH MỤC ĐỊA ĐIỂM</a>
						<ul>
							<li><a href="#">Miền Bắc</a></li>
							<li><a href="#">Miền Trung</a></li>
							<li><a href="#">Miền Nam</a>
								<ul>
									<li><a href="#">TP Hồ Chí Minh</a></li>
									<li><a href="#">Đồng Nai</a></li>
									<li><a href="#">Bình Dương</a></li>
								</ul>
							</li>
						</ul>
					</li>
					<li><a href="#">LỘ TRÌNH</a></li>
					<li><a href="#">LIÊN HỆ</a></li>
				</ul>
			</div>
			<!--MENUBAR END-->
		</div>
		<!--HEADER END-->

		<!--SITE CONTENT START-->
		<div id="site_content">
			<div id="content">
				<div class="content_item">
					<h1>Logistic System</h1><!--Title-->
					<p>Nội dung ở đây :D</p>
				</div>

				<div class="sidebar_container">
					<div class="sidebar">
						<div class="sidebar_item">
							<h2>KHÁCH HÀNG</h2>
                            <div class="login_box" id="login_box">
                            	<form id="frmLogin" name="frmLogin" action="">
                                	<p>Tài Khoản:</p>
                                    <p><input id="u" name="u" type="text" class="text_input" style="width:204px" /></p>
                                    <p class="pad5"></p>
                                    <p>Mật Khẩu:</p>
                                    <p><input id="p" name="p" type="password" class="text_input" style="width:204px" /></p>
                                    <p class="pad5"></p>
                                    <p style="text-align:right"><input type="checkbox" id="r" name="r" /> Ghi nhớ? <input type="submit" id="s" name="s" value="Đăng Nhập" class="button_submit" /></p>
                                    <p class="pad5">Chưa có tài khoản? <a href=""><strong>Đăng Ký</strong></a></p>
                                </form>
                            </div>
						</div>
					</div>
					<div class="sidebar">
						<div class="sidebar_item">
							<h2>KHÁCH HÀNG</h2>
							<p>Chào mừng, <strong>username</strong>!</p>   
                            <div class="cus_menu">
                            	<ul>
                                	<li><a href="">Thông tin vận chuyển</a></li>
                                    <li><a href="">Cập nhật thông tin tài khoản</a></li>
                                    <li><a href="">Lịch sử giao dịch</a></li>
                                </ul>
                            </div>                         
						</div>
					</div>
                    <div class="sidebar">
						<div class="sidebar_item">
							<h2>THÔNG TIN KHÁC</h2>                      
						</div>
					</div>
                    <div class="sidebar">
						<div class="sidebar_item">
							<h2>QUẢNG CÁO</h2>                      
						</div>
					</div>
				</div>
				<div style="clear:both;"></div>
			</div>
		</div>
		<!--SITE CONTENT END-->
		
		<!--FOOTER START-->
		<div class="footer">
			<p>Logistic System. 2012 &copy ProjGroup7</p>
		</div>
		<!--FOOTER END-->
	</div>
</body>
</html>
